
$('.box a').on('click', function () {
  $(this).parents('.box').hide().siblings('.box').show()
})
// 注册功能
// 表单提交事件  阻止默认行为 收集数据 提交
$('.register form').on('submit', function (e) {
  e.preventDefault()
  //获得表单数据 字符串形式
  let data = $(this).serialize()
  // console.log(data);
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      layer.msg(res.message);
      if (res.status === 0) {
        $('.register form')[0].reset()
        $('.login').show().siblings('.register').hide()
      }
    }
  })
})
// --------------自定义验证规则-------------------------
let form = layui.form
let layer = layui.layer

form.verify({
  // 键(验证规则): 值(验证方法)

  // 比如验证用户名长度2~10位，只能是数字字母组合
  // user: [/正则表达式/, '验证不通过时的提示']
  user: [/^\w{2,10}$/, '用户名只能是数字字母，且2~10位'], // {2,10} 不是 {2, 10}

  len: [/^\S{6,12}$/, '密码6~12位且不能有空格'],

  same: function (val) {
    // 形参，表示使用该验证规则的输入框的值（谁用这个验证规则，val表示谁的值）
    // 案例中，重复密码使用了这个验证规则，所以形参val表示输入的重复密码
    if (val !== $('.pwd').val()) {
      // return '错误提示'
      return '两次密码不一致'
    }
  }

});
// -------------------------------------------------
$('.login form').on('submit', function (e) {
  e.preventDefault()
  // let data = $(this).serialize()
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: $(this).serialize(),
    success: function (res) {

      if (res.status === 0) {

        layer.msg(res.message, { time: 2000 }, function () {
          localStorage.setItem('token', res.token)
          //跳转页面
          location.href = './index.html'
        });

      } else (
        layer.msg(res.message)
      )
    }
  })
})
